<template>
  <div>
    <el-row>
      <el-col :span="6" v-show="item.currencyName"><span>币别：</span></el-col>
      <el-col :span="18" v-show="item.currencyName" class="panel-value-item"
        ><span>{{ item.currencyName }}</span></el-col
      >
    </el-row>
    <el-row>
      <el-col :span="6" v-show="item.exchangeRate"><span>汇率：</span></el-col>
      <el-col :span="18" v-show="item.exchangeRate" class="panel-value-item"
        ><span>{{ item.exchangeRate }}</span></el-col
      >
    </el-row>
    <el-row>
      <el-col :span="6" v-show="item.amountFr"><span>原币：</span></el-col>
      <el-col :span="18" v-show="item.amountFr" class="panel-value-item"
        ><span>{{ item.amountFr | money }}</span></el-col
      >
    </el-row>
    <el-row v-show="false">
      <el-col :span="6" v-show="amount"><span>本位币：</span></el-col>
      <el-col :span="18" v-show="amount" class="panel-value-item"
        ><span>{{ amount | money }}</span></el-col
      >
    </el-row>
  </div>
</template>
<script>
export default {
  components: {},
  data() {
    return {};
  },
  methods: {},
  mounted() {},
  computed: {
    amount() {
      return this.item.debitAmount || this.item.creditAmount;
    },
  },
  props: {
    item: {
      type: Object,
      default: () => {},
    },
  },
};
</script>
<style scoped>
.currency-value-icon {
  float: right;
  position: relative;
  top: -10px;
}
.panel-value-item {
  text-align: right;
}
</style>
